<template>
    <div id="app">
        {{difEnv}}
        {{120 | fen2yuan}}
        {{'202001' | yearMonthText}}
        <div v-for="item in testList">{{item.adId}}</div>
        <img src="" alt="321" v-real-img class="appImg">
        <img v-lazy="'https://webimg.quanjing.om/Recommend/1570811955169.jpg'" class="appImg">
        <router-view/>
    </div>
</template>

<script>
    import filter from './util/filter.js'
    export default {
        name: 'App',
        filters: filter,
        data() {
            return {
                testList: []
            }
        },
        computed: {
            difEnv() {
                return process.env.NODE_ENV
            }
        },
        mounted() {
            console.log(process.env.NODE_ENV)
            console.log(this.$ajax.baseUrl)
            console.log(this.$util.getProductNo())
            this.$ajax.run('TESTLIST', {test: 'test'}).then(res => {
                console.log(res)
                if (res.data.success) {
                    this.testList = res.data.result.testList
                }
            })
        }
    }
</script>

<style lang="stylus">
    #app
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 60px;
        font-size: 37.5px;
        .appImg
            max-width 100%
            max-height 100%
            width auto
            height auto

</style>
